﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>闪电极送</title>
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/sd_buy.css">
<link rel="stylesheet" href="../css/sd_deliver.css">
<link rel="stylesheet" href="../css/libs/iconfont.css">
<link rel="stylesheet" href="../css/libs/weui.min.css">
<link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
</head>
<body class="sd_buy" style="visibility: hidden;">
		<header class="sd_nav flex_row">		
				<a class="price_regular" href="../html/sd_price.html">计价规则<i class="iconfont icon-more"></i></a>
				<h2>闪电送</h2>
				<div id="open_center"><i class="iconfont icon-account"></i></div>
		</header>
		<section>
			<form action="" method="post" id="register"></form>
			<div class="buy_input flex_row">
				<div class="item_left flex_row buy_change">
					<i class="iconfont icon-beizhu"></i>
					<div class="name">备注</div>
				</div>
					<span class="g_line"></span>
					<textarea  name="" id="product_mes" rows="3" placeholder="请输入备注信息……"></textarea>
					<div class="limit_input"><span class="limit_left">0</span>/<span class="limit_right">40</span></div>
			</div>	
		</section>
		<section class="buy_address">
			<address class="item_input flex_row">
				<div class="item_left flex_row">
					<i class="iconfont icon-dizhi"></i>
					<div class="name">详细地址</div>		
				</div>
				<span class="g_line"></span>
				<div class="item_right flex_row flex_between" >
						<div class="address"><a id="detail_address" href="../html/sd_address.html?type=1"></a></div>
						<i class="iconfont icon-more more"></i>
				</div>
			</address>	
		</section>

		<section class="sp_need">
			<div class="item_input flex_row flex_between">
				<div class="item_left flex_row">
					<i class="iconfont icon-dengpao"></i>
					<div class="name">特殊要求</div>
				</div>
				<div class="item_right flex_row flex_end">
					<div class="ui_checkbox">	
	       			 	<input class="" type="checkbox" id="fragile">
	       			 	<label for="fragile"><i class="iconfont icon-gou"></i><span>易碎物品</span></label>
					</div>
					<div class="ui_checkbox">	
	       			 	<input class="" type="checkbox" id="keep_warm">
	       			 	<label for="keep_warm"><i class="iconfont icon-gou"></i><span>配备保温箱</span></label>
					</div>
					<div class="ui_checkbox">	
	       			 	<div id="keep_price">
	       			 		<i class="iconfont icon-gou"></i>
	       			 		<span class="kprice_num">保价</span>
	       			 	</div>	
	       			</div>
				</div>
			</div>	
		</section>
		<section>
			<div class="item_input flex_row">
				<div class="item_left flex_row">
					<i class="iconfont icon-wupin"></i>
					<div class="name" >物品类型</div>
				</div>
				<div class="item_right flex_row flex_between" >
						<div id="item_type"></div>
						<i class="iconfont icon-more more"></i>
				</div>	
		</section>
		<section>
			<div class="item_input flex_row">
				<div class="item_left flex_row">
					<i class="iconfont icon-dianhua"></i>
					<div class="name" >联系电话</div>
				</div>
				<div class="item_right flex_row">
					<input id="user_tel" type="tel" name="user_tel" >
				</div>
			</div>	
		</section>
		<section>
			<div class="item_input flex_row">
				<div class="item_left flex_row">
					<i class="iconfont icon-icon"></i>
					<div class="name">发货时间</div>
				</div>
				<div class="item_right flex_row flex_between">
					<div id="select_time">立即发货(默认)</div>
					<i class="iconfont icon-more more"></i>
				</div>
			</div>	
		</section>
		<section>
			 	<button type="button" class="form_submit">下一步</button>
				<div class="price_rule flex_row flex_center">
					<a href="javascript:;" class="open-popup" data-target="#popup">
						<i class="iconfont icon-information"></i>
						<span>价格明细</span>
					</a>
				</div>
		</section>
			<div class="mask">
			<div class="bg"></div>
			<!-- 物品类型 -->
			<div class="itemtype_box">	
					<header class="flex_row flex_center tit">
						<i class="iconfont icon-wupin"></i>
						<div class="name">请选择物品类型</div>
					</header>
					<ul class="type">
						<li class="flex_row">
							<div class="name select">普通</div>
							<div class="name">美食</div>
							<div class="name">文件</div>
						</li>
						<li class="flex_row">
							<div class="name">衣物</div>
							<div class="name">易碎</div>
							<div class="name">贵重物品</div>
						</li>
						<li class="flex_row">
							<div class="name">蛋糕</div>
							<div class="name">鲜花</div>
							<div class="name">其他</div>
						</li>
						<li class="flex_row">
							<div class="name">数码电子</div>
						</li>
					</ul>
					<footer class="flex_row flex_between">
						<button class="cancel">取消</button>
						<span class="g_line"></span>
						<button class="confirm">确定</button>
					</footer>
			</div>
			<!-- 个人中心 -->
			<div id="user_center" class="flex_column">
				<header class="header">
					<i class="iconfont icon-gerenzhongxin"></i>
					<p id="get_phone">150*****5765</p>
				</header>
				<div class="flex_column main">
					<a href="../html/recharge.html"><i class="iconfont icon-chongzhi-"></i>充值</a>
					<a href="javascript:;" id="get_balance"><i class="iconfont icon-chongzhi"></i>余额<b id="balance_money"></b></a>
					<a href="../html/coupon.html"><i class="iconfont icon-iconfontquan"></i>优惠券<b id="coupon_num"></b></a>
					<a href="../html/my_order.html"><i class="iconfont icon-dingdan"></i>我的订单</a>
				</div>
				<footer>
					<span id="quit"><i class="iconfont icon-tuichu"></i></span>
				</footer>
			</div>
			<!-- 时间插件 -->
			<div class="time_box flex_column">
				<div>
					<header class="flex_row flex_center tit">
						<i class="iconfont icon-icon"></i>
						<div class="name">请选择时间</div>
					</header>
					<div class="flex_row time_body">
						<div class="time_choose"></div>
						<div id="time_day">
							<ul>
	                       		<li class="li_select">今天</li>
	                        	<li>明天</li>
	                        	<li>后天</li>
	                        	<li></li>
	                        </ul>
						</div>
						<div id="time_hour">
							<ul>
	                       		<li class="li_select start">00</li>
	                        	<li>01</li>
	                        	<li>02</li>
	                        	<li>03</li>
	                        	<li>04</li>
	                        	<li>05</li>
	                        	<li>06</li>
	                        	<li>07</li>
	                        	<li>08</li>
	                        	<li>09</li>
	                        	<li>10</li>
	                        	<li>11</li>
	                        	<li>12</li>
	                        	<li>13</li>
	                        	<li>14</li>
	                        	<li>15</li>
	                        	<li>16</li>
	                        	<li>17</li>
	                        	<li>18</li>
	                        	<li>19</li>
	                        	<li>20</li>
	                        	<li>21</li>
	                        	<li>22</li>
	                        	<li>23</li>
	                        	<li></li>
	                        </ul>
						</div>
						<div id="time_minute">
							<ul>
								<li class="li_select">00</li>
								<li>05</li>
								<li>10</li>
								<li>15</li>
								<li>20</li>
								<li>25</li>
								<li>30</li>
								<li>35</li>
								<li>40</li>
								<li>45</li>
								<li>50</li>
								<li>55</li>
								<li></li>
	                        </ul>
						</div>
					</div>
					<footer class="flex_row flex_between">
						<button class="cancel">立即购买</button>
						<span class="g_line"></span>
						<button class="confirm">确定</button>
					</footer>
				</div>
			</div>
			<!-- 保价 -->
			<div class="keep_price_box">
				<header class="flex_column flex_center tit">
						<i class="iconfont icon-price"></i>
						<div class="name">请选择保价金额</div>
				</header>
				<div class="flex_row keepp_body">
						<div class="keepp_choose"></div>
						<div id="keep_num">
							<ul>
	                        </ul>
						</div>	
				</div>
				<footer class="flex_row flex_between">
						<button class="cancel">取消</button>
						<span class="g_line"></span>
						<button class="confirm">确定</button>
				</footer>
			</div>	
		</div>
		<!-- Jquery weui popup 6.23-->
		<div id="popup" class="weui-popup__container">
		  <div class="weui-popup__overlay"></div>
		  <div class="weui-popup__modal popup_bg">
			<div  class="close-popup close_md">返回订单</div>
			<div class="money_detail"></div>
		  </div>
		</div>	
</body>
	<script src="../js/libs/jquery-1.10.1.min.js"></script>
	<script src="../js/libs/rem.js"></script>
	<script src="../js/libs/jquery-weui.min.js"></script>
	<script src="../js/common.js"></script>
	<script src="../js/sd_deliver.js"></script>
	<script src="../js/sd_common.js"></script>
	<script type="text/javascript">
  	</script>
</html>